<template>
    <div class="BusD">
        BBBB {{ data }}
    </div>
</template>

<script setup lang="ts">
import { getCurrentInstance } from 'vue';
import {  ref } from 'vue';

const data = ref(null)
const instance = getCurrentInstance()

// 参数： 自定义事件 ， 回调函数
instance?.proxy?.$Bus.on('on_show', (val:any) => {
    console.log(val,'11111');
  data.value = val
})
</script>

<style>
.BusD {
    width: 100px;
    height: 100px;
    margin-top: 20px;
    background-color: red;
}
</style> 